html,body,div,ul,ol,li {
	margin: 0;
	padding: 0;
}

/* GENERAL */

html {
	min-width: 1200px;
}
body {
	background:#B0C4DE;
	font: 13px/20px "Hiragino Sans GB", "Microsoft Yahei", "SimHei"
}
img {
	vertical-align: middle;
}
ul {
	list-style-type: none;
}
a:link,
a:visited {
	outline: none;
	text-decoration: none;
	color: #7f7f7f;
}
a:hover,
a:focus {
	text-decoration: none;
	color: #000;
}
a img,
 :link img,
 :visited img {
	border: 0;
}

/* 轮播 */

.banner {
	position: relative;
	overflow: auto;
}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
}

.banner .arrows {
	display: none;
}
.banner:hover .arrows,.banner.hover .arrows {
	display: block;
}
@media only screen {
	.banner .arrows {
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
		opacity: 0;
		display: block;
	}
	.banner:hover .arrows,
	.banner.hover .arrows {
		opacity: 1;
	}
}

.banner .arrows {
	position: absolute;
	z-index: 20;
}
.banner .arrows .prev,.banner .arrows .next {
	position: absolute;
	width: 76px;
	height: 77px;
	font: 0/0 a;
	color: transparent;
	cursor: pointer;
}
.banner .arrows .prev {
	left: 30px;
	background: url(img/slide_arrow_left.png) no-repeat;
}
.banner .arrows .next {
	left: 700px;
	background: url(img/slide_arrow_right.png) no-repeat;
}

.wrapper {
	position: relative;
	width: 800px;
	margin: 0px auto;
	zoom: 1;
	
}

.section4 {
	height: 600px;
}
.section4 .banner ul li {
	height: 600px;
}
.section4 .banner .arrows {
	top: 270px;
}
.section4 .dots {
	position: absolute;
	width: 800px;
	height: 60px;
	top: 0;
	text-align: center;
	font-size: 15px;
	background: #fff;
}
.section4 .dot {
	float: left;
	line-height: 56px;
	width: 200px;
	border-bottom: 2px solid;
	border-top: 2px solid #e8e8e8;
	cursor: pointer;
}

.section4 .dot1 {
	color: #e33189;
	border-bottom-color: #f3bfd9;
}
.section4 .dot1.active {
	background: #f3bfd9;
}

.section4 .dot2 {
	color: #24adac;
	border-bottom-color: #a4f7f6;
}
.section4 .dot2.active {
	background: #a4f7f6;
}

.section4 .dot3 {
	color: #dc6f23;
	border-bottom-color: #edcfbb;
}
.section4 .dot3.active {
	background: #edcfbb;
}

.section4 .dot4 {
	color: #da4e4e;
	border-bottom-color: #f0b5b5;
}
.section4 .dot4.active {
	background: #f0b5b5;
}
.lianjie{
	width: 800px;
	height: 125px;
	margin:0px auto;
	text-align: center;
	padding: 10px;
	display: flex;
}

.lianjie img{
    width:125px;
    height: 125px;
    margin-left: 50px;
  	opacity:0.7;
}
.lianjie img:hover{
  	opacity:1;
}
